.bootstrap-switch {
  display: inline-block;
  direction: ltr;
  cursor: pointer;
  border-radius: 4px;
  border: 1px solid;
  border-color: #ccc;
  position: relative;
  text-align: left;
  overflow: hidden;
  line-height: 8px;
  z-index: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none;
  vertical-align: middle;
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.bootstrap-switch .bootstrap-switch-container {
  display: inline-block;
  top: 0;
  border-radius: 4px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off,
.bootstrap-switch .bootstrap-switch-label {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block !important;
  height: 100%;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 20px;
}
.bootstrap-switch .bootstrap-switch-handle-on,
.bootstrap-switch .bootstrap-switch-handle-off {
  text-align: center;
  z-index: 1;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-primary,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-primary {
  color: #fff;
  background: #12214A;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-info,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-info {
  color: #fff;
  background: #3058c5;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-success,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-success {
  color: #fff;
  background: #5cb85c;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-warning,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-warning {
  background: #f0ad4e;
  color: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-danger,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-danger {
  color: #fff;
  background: #d9534f;
}
.bootstrap-switch .bootstrap-switch-handle-on.bootstrap-switch-default,
.bootstrap-switch .bootstrap-switch-handle-off.bootstrap-switch-default {
  color: #000;
  background: #eeeeee;
}
.bootstrap-switch .bootstrap-switch-label {
  text-align: center;
  margin-top: -1px;
  margin-bottom: -1px;
  z-index: 100;
  color: #333;
  background: #fff;
}
.bootstrap-switch .bootstrap-switch-handle-on {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
}
.bootstrap-switch .bootstrap-switch-handle-off {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
}
.bootstrap-switch input[type='radio'],
.bootstrap-switch input[type='checkbox'] {
  position: absolute !important;
  top: 0;
  left: 0;
  margin: 0;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);
}
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-mini .bootstrap-switch-label {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-small .bootstrap-switch-label {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-large .bootstrap-switch-label {
  padding: 6px 16px;
  font-size: 18px;
  line-height: 1.3333333;
}
.bootstrap-switch.bootstrap-switch-disabled,
.bootstrap-switch.bootstrap-switch-readonly,
.bootstrap-switch.bootstrap-switch-indeterminate {
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-on,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-handle-off,
.bootstrap-switch.bootstrap-switch-disabled .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-readonly .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-indeterminate .bootstrap-switch-label {
  opacity: 0.5;
  filter: alpha(opacity=50);
  opacity: 0.005;
  filter: alpha(opacity=0.5);
  cursor: default !important;
}
.bootstrap-switch.bootstrap-switch-animate .bootstrap-switch-container {
  -webkit-transition: margin-left 0.5s;
  -o-transition: margin-left 0.5s;
  transition: margin-left 0.5s;
  -moz-transition: margin-left 0.5s;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-on {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-border-top-left-radius: 0;
  -moz-border-radius-topleft: 0;
  -webkit-border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
}
.bootstrap-switch.bootstrap-switch-inverse .bootstrap-switch-handle-off {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  -webkit-border-top-right-radius: 0;
  -moz-border-radius-topright: 0;
  -webkit-border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
}
.bootstrap-switch.bootstrap-switch-focused {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.bootstrap-switch.bootstrap-switch-on .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-off .bootstrap-switch-label {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
}
.bootstrap-switch.bootstrap-switch-off .bootstrap-switch-label,
.bootstrap-switch.bootstrap-switch-inverse.bootstrap-switch-on .bootstrap-switch-label {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media screen {
  body.portal {
    padding-top: 5px;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
  }
  body.portal.clean {
    padding: 10px 0 45px;
  }
  body.portal.portal-menu-pinned {
    padding-left: 255px;
  }
  body.portal > .container-fluid {
    margin-left: 0;
    margin-right: 0;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
  }
  body.admin {
    padding: 0 15px 45px;
  }
}
@media screen and (max-width: 768px) {
  body.portal > .container-fluid {
    padding-left: 5px;
    padding-right: 5px;
  }
}
.portal-custom {
  margin-left: 4rem;
}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}
a:hover {
  cursor: pointer;
}
/* #region Colours */

/* Text colours */

.primary-text {
  color: #12214A !important;
}
/* Text colours */

.primary-text {
  color: #12214A !important;
}
.secondary-text {
  color: #AB004F !important;
}
.error-text {
  color: #e32326 !important;
}
.warning-text {
  color: #c09853 !important;
}
/* Background colours */

.primary-bg {
  background-color: #12214A !important;
}
.secondary-bg {
  background-color: #AB004F !important;
}
.success-bg {
  background-color: #468847 !important;
}
.warning-bg {
  background-color: #c09853 !important;
}
.error-bg {
  background-color: #e32326 !important;
}
.info-bg {
  background-color: #12214A !important;
}
.grey-bg {
  background-color: #eeeeee !important;
}
.success-bg {
  background-color: #468847 !important;
}
.warning-bg {
  background-color: #c09853 !important;
}
.error-bg {
  background-color: #e32326 !important;
}
.info-bg {
  background-color: #12214A !important;
}
/* Border colours */

.primary-border {
  border-color: #12214A !important;
}
/* Border colours */

.primary-border {
  border-color: #12214A !important;
}
.error-border {
  border-color: #e32326 !important;
}
.warning-border {
  border-color: #c09853 !important;
}
/* Fill colours */

.primary-fill {
  fill: #12214A !important;
}
/* Fill colours */

.primary-fill {
  fill: #12214A !important;
}
/* #endregion Colours */

.dropdown-menu {
  margin-bottom: 30px;
}
/* #region Deprecated */

.successText {
  color: #468847 !important;
}
.warningText {
  color: #c09853 !important;
}
.errorText {
  color: #e32326 !important;
}
.infoText {
  color: #12214A !important;
}
.primaryText {
  color: #12214A !important;
}
/* #endregion Deprecated */

.FiveBoxRedText {
  color: #520402 !important;
}
.FiveBoxGreenText {
  color: #2a3f00 !important;
}
.FiveBoxOrangeText {
  color: #7f3a02 !important;
}
.FiveBoxRedBgColor {
  background: linear-gradient(#882926, #be4e4b);
}
.FiveBoxGreenBgColor {
  background: linear-gradient(#0b6e3b, #1ac66d);
}
.FiveBoxOrangeBgColor {
  background: linear-gradient(#ce6f22, #f49344);
}
.successbackground {
  background-color: #dff0d8 !important;
}
.infobackground {
  background-color: #d6def3 !important;
}
.warningbackground {
  background-color: #fcf8e3 !important;
}
.errorbackground {
  background-color: #f2dede !important;
}
.confirmation-button {
  width: 50px;
}
.field-validation-error {
  color: #d71d24;
  font-weight: normal;
}
.validation-summary-errors {
  color: #d71d24;
  font-weight: normal;
}
.breadcrumb li {
  margin-right: 1px;
}
.breadcrumb > li + li:before {
  content: "\00bb";
}
.clickAble {
  cursor: pointer;
}
.notclickAble {
  cursor: not-allowed;
}
/*When you have a div that has thumbnail class you still want the cool transition effect with the border*/

.clickAble.thumbnail:hover,
.clickAble.img-thumbnail:hover {
  border: 1px solid #12214A;
  cursor: pointer;
}
.employee-profile-img {
  float: left;
}
@media (max-width: 541px) {
  .employee-profile-img {
    float: none;
  }
}
.employee-profile-img img {
  height: auto;
  width: auto;
  margin-top: 0px;
}
/* RU Table Style - This is what you want
------------------------------------------------------------------ */

.signifyTable.sideNav a:link {
  font-weight: normal;
  text-decoration: none;
}
.signifyTable.sideNav a:visited {
  font-weight: normal;
  text-decoration: none;
}
.signifyTable a:link {
  font-weight: bold;
  text-decoration: none;
}
.signifyTable a:visited {
  font-weight: bold;
  text-decoration: none;
}
.signifyTable a:active,
.talent table a:hover {
  color: #f37021;
  text-decoration: underline;
}
.signifyTable {
  font-family: Arial, Helvetica, Sans-Serif;
  color: #555555;
  text-align: left;
  font-size: 14px;
  background: #eeeeee;
  max-width: 100%;
  border-collapse: inherit !important;
  border-spacing: 0px !important;
  margin: 0px;
  width: 100%;
  border: #b5b5b5 1px solid;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0 1px 2px #b5b5b5;
  -webkit-box-shadow: 0 1px 2px #b5b5b5;
  box-shadow: 0 1px 2px #b5b5b5;
}
.signifyTable th {
  padding: 10px 25px 10px 5px;
  border-bottom: 1px solid #12214A;
  border-left: 1px solid #12214A;
  text-align: left;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  background-image: -webkit-linear-gradient(top, #1c3373 0%, #12214A 100%);
  background-image: -o-linear-gradient(top, #1c3373 0%, #12214A 100%);
  background-image: linear-gradient(to bottom, #1c3373 0%, #12214A 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff1c3373', endColorstr='#ff12214a', GradientType=0);
  background-color: #12214A;
}
.signifyTable th:first-child {
  border-left: none 0px;
}
.signifyTable tr:first-child th:first-child {
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
}
.signifyTable tr:first-child th:last-child {
  -moz-border-radius-topright: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-right-radius: 3px;
}
.signifyTable tr td:first-child {
  border-left: 0;
}
.signifyTable tr td {
  padding: 8px;
  border-top: 1px solid #fff !important;
  border-bottom: 1px solid #cecece;
  border-left: 1px solid #cecece;
  background: #f8f8f8;
  text-align: left;
  font-size: 13px;
  font-weight: normal;
  color: #555555;
}
.signifyTable tr:last-child td {
  border-bottom: 0;
}
.noLeftpadding {
  padding-left: 0px !important;
}
.noBottomMargin {
  margin: 0px !important;
}
.signifyTable .cleanTable tr td,
.cleanTable,
.cleanTable tr,
.cleanTable td {
  border-collapse: collapse !important;
  padding: 0px !important;
  border: none !important;
  margin: 0px !important;
  background: none !important;
  background-color: transparent !important;
  border-color: transparent !important;
  border-left: none !important;
  border-top: none !important;
}
.signifyTable tr:last-child td:first-child {
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.signifyTable tr:last-child td:last-child {
  -moz-border-radius-bottomright: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.signifyTable tr:hover td {
  background: #eeeeee;
}
.innerpadding {
  padding: 1%;
}
.btnmargin {
  margin-left: 10px !important;
}
.Navmargin {
  margin-top: 3px !important;
}
.navbar-BG {
  color: #fff !important;
  background-image: -webkit-linear-gradient(top, #de0067 0%, #AB004F 100%);
  background-image: -o-linear-gradient(top, #de0067 0%, #AB004F 100%);
  background-image: linear-gradient(to bottom, #de0067 0%, #AB004F 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffde0067', endColorstr='#ffab004f', GradientType=0);
  background-color: #AB004F;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
  text-shadow: none !important;
  border: none 0px !important;
}
.navbar-BG li a {
  color: #fff !important;
  text-shadow: none !important;
}
.navbar-BG li li a {
  color: #555555 !important;
  text-shadow: none !important;
}
.nav-tabs-grey > li > a {
  background-image: -webkit-linear-gradient(top, #f8f8f8 0%, #fff 100%);
  background-image: -o-linear-gradient(top, #f8f8f8 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #f8f8f8 0%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff8f8f8', endColorstr='#ffffffff', GradientType=0);
  background-color: #fff;
}
.nav-tabs-grey > li > a:hover {
  background-image: -webkit-linear-gradient(top, #eeeeee 0%, #fff 100%);
  background-image: -o-linear-gradient(top, #eeeeee 0%, #fff 100%);
  background-image: linear-gradient(to bottom, #eeeeee 0%, #fff 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffeeeeee', endColorstr='#ffffffff', GradientType=0);
  background-color: #fff;
  border-top: solid 1px #eeeeee;
  border-left: solid 1px #eeeeee;
  border-right: solid 1px #eeeeee;
  border-bottom: solid 1px #cecece;
}
/*a:link unvisited link */

/*a:visited visited link */

/*a:hover mouse over link */

/*a:active selected link */

.navbar-BG li li a:hover {
  color: #fff !important;
  text-shadow: none !important;
}
.navbar-BG:hover,
.navbar-BG:focus {
  background-color: #0d1835 !important;
}
.navbar-BG li li a:selected {
  color: #b5b5b5 !important;
  text-shadow: none !important;
}
.noLeftpadding {
  padding-left: 0px !important;
}
.navPortrait {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  width: 37px;
  height: 37px;
  margin-top: 3px;
}
/* RU Table Style - END
------------------------------------------------------------------ */

.box a:hover {
  background-color: #12214A;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  padding: 1%;
  color: #fff;
}
.box a {
  background-color: #f8f8f8;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  text-decoration: none;
  padding: 1%;
}
.quicklinksheader {
  padding: 10px 25px 10px 10px;
  border: 1px solid #cccccc;
  text-align: left;
  text-shadow: none !important;
  font-size: 14px;
  font-weight: bold;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 0px;
  color: #555555;
  background-color: #f0f0f0;
}
.results-tab {
  /*border-left: solid 1px @grayLightstripes;
    border-right: solid 1px @grayLightstripes;
    border-bottom: solid 1px @grayLightstripes;*/
  padding: 10px;
  position: relative;
  top: -21px;
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-bottom-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
.QuoteATE {
  border-left: none 0px !important;
  color: #555555 !important;
  font-weight: normal !important;
  font-size: 13px !important;
  line-height: 18px !important;
  height: 100%;
  padding: 0px !important;
}
.ATE-box {
  margin: 5px 0px 5px 0px !important;
}
.QuoteATE-box {
  min-height: 90px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 5px 0px 5px 0px;
  float: left;
  padding: 10px !important;
  /*border: solid 1px @grayLighter;*/
  -moz-box-shadow: 0 1px 2px #eeeeee;
  -webkit-box-shadow: 0 1px 2px #eeeeee;
  box-shadow: 0 1px 2px #eeeeee;
}
.QuoteATE-box-comments {
  min-height: 90px !important;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin: 5px 0px 5px 0px;
  padding: 10px !important;
  float: left;
  border: solid 1px #5bc0de;
  -moz-box-shadow: 0 1px 2px #eeeeee;
  -webkit-box-shadow: 0 1px 2px #eeeeee;
  box-shadow: 0 1px 2px #eeeeee;
}
.page-header-ATE {
  padding: 0px 0px 0px 10px !important;
}
.page-headerleft {
  margin-left: 10px !important;
}
.border {
  border: solid 1px #000;
}
hr {
  margin: 5px auto !important;
}
@media (min-width: 0px) and (max-width: 930px) {
  .navbarleft {
    padding-left: 5px !important;
  }
}
@media (max-width: 767px) {
  .quicklinksheader {
    margin-top: 2% !important;
  }
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle,
.navbar,
.navbar-inverse .navbar-inner {
  filter: none;
  background-image: none;
}
.nav input {
  margin-bottom: 0px !important;
}
.nav select {
  margin-bottom: 0px !important;
}
.nav .input-append {
  margin-bottom: 0px !important;
}
.navHeading {
  font-size: 16px !important;
  font-weight: bold !important;
  color: #1c3373 !important;
}
/* Client Frame Styles */

.clientHeader {
  margin-bottom: 10px;
}
.clientFooter {
  padding: 0 0 0 0 !important;
  width: 100%;
  height: 60px;
  background-color: #1c3373;
  margin: 5 auto !important;
  border-radius: 0px 0px 10px 10px;
  -moz-border-radius: 0px 0px 10px 10px;
  -webkit-border-radius: 0px 0px 10px 10px;
  border: 1px solid #1c3373;
}
/*Bootbox confirmation box header*/

.bootbox-header {
  line-height: 20px;
}
/*Basket summary color on the learning store*/

a.btn-warning-ie {
  background-color: #d71d24 !important;
  /*IE 9 bug fix*/

}
.TabBorders {
  border-left: 1px solid #cecece;
  border-right: 1px solid #cecece;
  border-bottom: 1px solid #cecece;
}
.top-margin {
  margin-top: 30px;
}
.label-info,
.badge-info {
  background-color: #12214A !important;
}
.label-info[href],
.badge-info[href] {
  background-color: #172a5f !important;
}
.label-warning,
.badge-warning {
  background-color: #f37021 !important;
}
.label-success,
.badge-success {
  background-color: #5cb85c !important;
}
.label-danger,
.badge-danger {
  background-color: #d71d24 !important;
}
.label-important,
.badge-important {
  background-color: #d71d24 !important;
}
.label-gray,
.badge-gray {
  background-color: #555555 !important;
}
.border-gray {
  border-color: #555555 !important;
}
.border-left-gray {
  border-left-color: #555555 !important;
}
.text-gray {
  color: #555555 !important;
}
.text-info {
  color: #12214A !important;
}
.popbox {
  border: 1px solid #777777;
  -webkit-box-shadow: 5px 5px 12px -5px rgba(0, 0, 0, 0.37);
  -moz-box-shadow: 5px 5px 12px -5px rgba(0, 0, 0, 0.37);
  box-shadow: 5px 5px 12px -5px rgba(0, 0, 0, 0.37);
  margin-top: 0px !important;
  padding: 15px;
  position: relative;
  background-color: #ffffff;
  border: 1px solid #eeeeee;
}
.popbox .input-append,
.input-prepend {
  display: inline !important;
}
.popbox select,
.popbox textarea,
.popbox input[type="text"],
.popbox input[type="password"],
.popbox input[type="datetime"],
.popbox input[type="datetime-local"],
.popbox input[type="date"],
.popbox input[type="month"],
.popbox input[type="time"],
.popbox input[type="week"],
.popbox input[type="number"],
.popbox input[type="email"],
.popbox input[type="url"],
.popbox input[type="search"],
.popbox input[type="tel"],
.popbox input[type="color"],
.popbox .uneditable-input {
  margin-bottom: 0px !important;
}
.ticker {
  margin-top: 10px;
}
.responsive-video {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 60px;
  overflow: hidden;
}
.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.mvcMenu li.headerTitle {
  background: #12214A;
  padding: 1px 3px 0;
  font-size: 1.35em;
}
.mvcMenu li.headerTitle > a {
  color: white !important;
  font-weight: bold;
}
.mvcMenu li.divider-vertical {
  margin-left: 0px !important;
}
.mvcMenu .navbar-inner {
  padding-left: 0px !important;
}
/* PagedList styles */

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 10px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  background-color: #eeeeee;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #ffffff;
  cursor: default;
  background-color: #12214A;
  border-color: #12214A;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
  border-color: #dddddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 10px 0;
  text-align: center;
  list-style: none;
}
.pager:before,
.pager:after {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  display: table;
  content: " ";
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #ffffff;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs.nav-stacked {
  border-bottom: 0;
}
.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd !important;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.nav-tabs.nav-stacked > li:first-child > a {
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topleft: 0px;
}
.nav-tabs.nav-stacked > li:last-child > a {
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px;
  -webkit-border-bottom-right-radius: 0px;
  -moz-border-radius-bottomright: 0px;
  -webkit-border-bottom-left-radius: 0px;
  -moz-border-radius-bottomleft: 0px;
}
.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  border-color: #ddd;
  z-index: 2;
}
.nav-tabs > li > a:hover {
  border-color: #dddddd #dddddd #dddddd;
}
.nav-stacked > li + li {
  margin-top: 0px !important;
}
.nav-tabs > li > a {
  margin-right: 0px !important;
  line-height: 1.428571429;
  border: 1px solid #dddddd;
  border-radius: 0;
  color: #555555;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  border: 1px solid #dddddd;
  border-top: 4px solid #12214A !important;
  cursor: default;
  background-color: transparent !important;
  padding: 7px 15px 10px 10px !important;
}
.bootstrap-datetimepicker-widget table td span.active {
  background-color: #12214A !important;
}
.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #12214A !important;
}
.bootstrap-datetimepicker-widget table td.today:before {
  border-bottom-color: #12214A !important;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -1px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #ffffff;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: black;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.panel,
.panel-group {
  border-radius: 0 !important;
}
.panel-heading {
  padding: 5px 10px;
}
input[type="text"],
input[type="password"],
select,
textarea {
  display: block;
  width: 100%;
  padding: 6px 6px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  background-color: white;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 2px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  -moz-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  height: 34px;
}
.input-group:first-child > input {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
input[type="text"]::-moz-placeholder,
input[type="password"]::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: #999999;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: #999999;
}
input[type="text"]:-moz-placeholder,
input[type="password"]:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: #b5b5b5;
}
input[type="text"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder,
select:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: #b5b5b5;
}
input[type="text"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #b5b5b5;
}
input[type="text"]::-ms-expand,
input[type="password"]::-ms-expand,
select::-ms-expand,
textarea::-ms-expand {
  border: 0;
  background-color: transparent;
}
input[type="text"][disabled],
input[type="password"][disabled],
select[disabled],
textarea[disabled],
input[type="text"][readonly],
input[type="password"][readonly],
select[readonly],
textarea[readonly],
fieldset[disabled] input[type="text"],
fieldset[disabled] input[type="password"],
fieldset[disabled] select,
fieldset[disabled] textarea {
  background-color: #eeeeee;
  opacity: 1;
}
input[type="text"][disabled],
input[type="password"][disabled],
select[disabled],
textarea[disabled],
fieldset[disabled] input[type="text"],
fieldset[disabled] input[type="password"],
fieldset[disabled] select,
fieldset[disabled] textarea {
  cursor: not-allowed;
}
textarea {
  height: auto;
}
.form-group.required .control-label:after,
.form-inline.required .control-label:after {
  content: "*";
  font-weight: bold;
  margin: 5px;
  color: #e32326;
}
.form-horizontal .radio-inline {
  padding-top: 2px;
}
.btn-primary {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #ab004f 0%, #ab004f 100%);
  background-image: -o-linear-gradient(top, #ab004f 0%, #ab004f 100%);
  background-image: linear-gradient(to bottom, #ab004f 0%, #ab004f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab004f', endColorstr='#ffab004f', GradientType=0);
  background-color: #ab004f;
  border-color: #ab004f #ab004f #5f002c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #ab004f;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #fff;
  background-color: #920043;
  *background-color: #920043;
}
.btn-primary:active,
.btn-primary.active {
  background-color: #780037 \9;
}
.btn-warning {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #d5580c 0%, #d5580c 100%);
  background-image: -o-linear-gradient(top, #d5580c 0%, #d5580c 100%);
  background-image: linear-gradient(to bottom, #d5580c 0%, #d5580c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd5580c', endColorstr='#ffd5580c', GradientType=0);
  background-color: #d5580c;
  border-color: #d5580c #d5580c #8d3a08;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #d5580c;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.btn-warning.disabled,
.btn-warning[disabled] {
  color: #fff;
  background-color: #bd4e0a;
  *background-color: #bd4e0a;
}
.btn-warning:active,
.btn-warning.active {
  background-color: #a54409 \9;
}
.btn-danger {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #e54248 0%, #e54248 100%);
  background-image: -o-linear-gradient(top, #e54248 0%, #e54248 100%);
  background-image: linear-gradient(to bottom, #e54248 0%, #e54248 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe54248', endColorstr='#ffe54248', GradientType=0);
  background-color: #e54248;
  border-color: #e54248 #e54248 #c11a20;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #e54248;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.btn-danger.disabled,
.btn-danger[disabled] {
  color: #fff;
  background-color: #e22b32;
  *background-color: #e22b32;
}
.btn-danger:active,
.btn-danger.active {
  background-color: #d71d24 \9;
}
.btn-success {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #5cb85c 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #5cb85c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff5cb85c', GradientType=0);
  background-color: #5cb85c;
  border-color: #5cb85c #5cb85c #3d8b3d;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #5cb85c;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #fff;
  background-color: #4cae4c;
  *background-color: #4cae4c;
}
.btn-success:active,
.btn-success.active {
  background-color: #449d44 \9;
}
.btn-info {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #12214A 0%, #12214A 100%);
  background-image: -o-linear-gradient(top, #12214A 0%, #12214A 100%);
  background-image: linear-gradient(to bottom, #12214A 0%, #12214A 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff12214a', endColorstr='#ff12214a', GradientType=0);
  background-color: #12214A;
  border-color: #12214A #12214A #03060c;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #12214A;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #fff;
  background-color: #0d1835;
  *background-color: #0d1835;
}
.btn-info:active,
.btn-info.active {
  background-color: #080f21 \9;
}
.btn-inverse {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: -webkit-linear-gradient(top, #222 0%, #222 100%);
  background-image: -o-linear-gradient(top, #222 0%, #222 100%);
  background-image: linear-gradient(to bottom, #222 0%, #222 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff222222', GradientType=0);
  background-color: #222;
  border-color: #222 #222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  *background-color: #222;
  /* Darken IE7 buttons by default so they stand out more given they won't have borders */

  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #fff;
  background-color: #151515;
  *background-color: #151515;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #080808 \9;
}
.btn-link {
  color: black;
}
/*.btn {
  .buttonFlatStyleBackground(@flatStyle, @btnBackground, @btnBackgroundHighlight, @grayDark, 0 1px 1px rgba(255,255,255,.75));
}*/

.form-actions {
  padding: 19px 20px 20px;
  margin-top: 20px;
  margin-bottom: 20px;
  background-color: #e5e5e5;
  border-top: 1px solid #e5e5e5;
}
.form-actions:before,
.form-actions:after {
  content: " ";
  display: table;
}
.form-actions:after {
  clear: both;
}
.navbar-nav > li > a {
  line-height: 30px !important;
}
.modal-dialog {
  z-index: 99999 !important;
}
.modal-footer {
  border-top: none;
}
.btn {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
input.aspNetDisabled {
  text-decoration: none;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  border-bottom-color: #b3b3b3;
  border-radius: 2px;
  cursor: not-allowed !important;
  opacity: 0.65;
  filter: alpha(opacity=65);
  box-shadow: none;
  background-color: white;
}
input.aspNetDisabled:not(.pathimg) {
  border: 1px solid #cccccc;
  vertical-align: middle;
}
table.table {
  font-size: 14px;
}
table.table-bordered th {
  background-color: #F0F0F0;
  color: #555;
}
.ProccessToBeCompleted {
  background-color: #ABD2F3;
}
.ProccessWarningPeriod {
  background-color: #f8ae82;
}
.ProccessCompleted {
  background-color: #A2D05A;
}
.ProccessExpired {
  background-color: #ec6e73;
}
.ProccessInProgress {
  background-color: #FFAA56;
}
.ProccessToBeCompletedLegend {
  color: #ABD2F3;
}
.ProccessInProgressLegend {
  color: #FFAA56;
}
.ProccessCompletedLegend {
  color: #A2D05A;
}
.ProccessExpiredLegend {
  color: #ec6e73;
}
input[type="checkbox"] > label,
input[type="checkbox"] + label,
input[type="radio"] > label,
input[type="radio"] + label {
  font-weight: normal;
}
.checkbox-inline {
  padding-top: 0px !important;
}
.redIcon {
  color: #d71d24;
}
.blueIcon {
  color: #337ab7;
}
.orangeIcon {
  color: #f37021;
}
.greenIcon {
  color: #5cb85c;
}
.redBorderBottom {
  border-bottom: 4px solid #d71d24;
}
.blueBorderBottom {
  border-bottom: 4px solid #337ab7;
}
.orangeBorderBottom {
  border-bottom: 4px solid #f37021;
}
.greenBorderBottom {
  border-bottom: 4px solid #5cb85c;
}
.alert,
.well,
.thumbnail {
  border-radius: 0px;
}
.form-control,
.input-group-addon {
  border-radius: 2px;
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  /*color: @primaryColor;*/
  text-align: center;
  /*background-color: @progress-bar-bg;*/

  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
  -moz-transition: width 0.6s ease;
}
.allowed-characters {
  float: right;
  font-size: 0.75em;
}
#back-to-top {
  position: fixed;
  bottom: 40px;
  right: 20px;
  transform: translate(60px, 0);
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 30px;
  color: #333;
  background-color: white;
  cursor: pointer;
  border-radius: 50%;
  text-decoration: none;
  transition: all 0.2s;
  z-index: 1039;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
  transition: transform 0.4s;
}
#back-to-top.show {
  transform: translate(0, 0);
}
a.disabled,
a.disabled:focus,
a.aspNetDisabled,
a.aspNetDisabled:focus {
  text-decoration: none !important;
  cursor: not-allowed !important;
  color: gray !important;
  font-weight: bold !important;
}
a.aspNetDisabled.btn,
a.disabled.btn {
  pointer-events: none;
  opacity: 0.6;
  color: white !important;
  font-weight: normal !important;
}
a.aspNetDisabled.btn.btn-default,
a.disabled.btn.btn-default {
  color: gray !important;
}
.label-description {
  position: relative;
  top: -2px;
  padding-left: 2px;
  font-size: 85%;
  font-style: italic;
}
/* #region Stacked Icons in Buttons */

.icon-stacked {
  position: relative;
}
.icon-stacked .fa:last-child {
  position: absolute;
  left: 6px;
  bottom: -3px;
  font-size: 0.75em;
  color: #12214A;
  background-color: white;
}
.btn-default:hover .fa:last-child {
  background-color: #e6e6e6;
}
/* #endregion Stacked Icons in Buttons */

/* #region Stacked Table Content */

.table-stacked tbody tr:hover {
  background-color: #eeeeee;
}
.table-stacked.clickable tbody tr:hover {
  cursor: pointer;
}
.table-stacked > tbody > tr > td {
  vertical-align: middle !important;
}
.table-stacked__heading {
  font-weight: bold;
}
.table-stacked__subheading {
  opacity: 0.85;
  font-size: 0.8em;
}
/* #endregion Stacked Table Content */

.systemAccessContainer {
  max-width: 750px;
  margin: auto;
}
.systemAccessContainer .nav-tabs li.active a,
.systemAccessContainer .nav-tabs li.active a:focus,
.systemAccessContainer .nav-tabs li.active a:hover {
  border-bottom: none;
}
.systemAccessContainer .tab-content {
  border: 1px solid #dddddd;
  padding: 15px;
  border-top: none;
}
.tab__count {
  position: absolute;
  top: 5px;
  right: 0;
  padding: 2px 4px;
  font-size: 0.8em;
  color: white;
}
/* BasicTable */

body.portal .table-bordered.bt tbody tr:nth-child(even) {
  background-color: whitesmoke;
}
body.portal .table-bordered.bt tfoot th::before,
body.portal .table-bordered.bt tfoot td::before,
body.portal .table-bordered.bt tbody td::before {
  content: attr(data-th);
  text-align: right;
  width: 30%;
  padding-bottom: 10px;
}
body.portal .table-bordered.bt tfoot th,
body.portal .table-bordered.bt tfoot td,
body.portal .table-bordered.bt tbody td {
  padding: 0;
}
body.portal .table-bordered.bt tfoot th:before,
body.portal .table-bordered.bt tfoot td:before,
body.portal .table-bordered.bt tbody td:before {
  background: #ccc;
  color: #555555;
  /*font-weight: normal;*/
  margin-right: 10px;
  padding: 7px 10px;
}
body.portal .table-bordered.bt tfoot th .bt-content,
body.portal .table-bordered.bt tfoot td .bt-content,
body.portal .table-bordered.bt tbody td .bt-content {
  display: inline-block;
  padding: 7px 5px;
}
body.portal .table-bordered tr {
  border-bottom: 1px solid #e0e0e0;
  border-top: 1px solid #e0e0e0;
}
body.portal .table-bordered.bt tbody td:first-child::before,
body.portal .table-bordered.bt tbody td:first-child .bt-content {
  padding-top: 20px;
}
body.portal .table-bordered.bt tbody td:last-child::before,
body.portal .table-bordered.bt tbody td:last-child .bt-content {
  padding-bottom: 20px;
}
/* Pootable (vir Noel en Chrisjan) */

body.admin .footable-details {
  border: none;
  width: 90%;
  margin: auto;
}
body.admin .footable-details tbody tr th {
  width: 30% !important;
  padding: 8px 15px;
}
body.admin .footable-details tbody tr th,
body.admin .footable-details tbody tr td {
  border: none;
  border-bottom: 1px solid #dddddd;
  background-color: white;
  text-align: left !important;
}
body.admin .footable-details tbody tr:last-child th,
body.admin .footable-details tbody tr:last-child td {
  border: none;
}
#quickLinks {
  position: fixed;
  top: 155px;
  right: -240px;
  width: 240px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.15);
  transition: all 0.5s;
  box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.2);
  z-index: 1029;
}
#quickLinks.open {
  right: 0;
}
.quick-links__list {
  min-height: 98px;
  overflow-y: auto;
  max-height: 60vh;
}
.quick-links__list a {
  padding: 10px 15px 10px 10px;
  font-size: 1.1em;
  display: block;
  color: inherit;
  border-bottom: 1px solid #ddd;
}
.quick-links__list a:hover {
  text-decoration: none;
  color: #12214A;
  background-color: #eee;
}
.quick-links__list a:hover .fa {
  opacity: 1;
}
.quick-links__list ul li.active > a {
  color: #12214A;
  background: white;
  border-left: 5px solid #12214A;
  text-decoration: none;
}
.quick-links__list ul li:last-child a {
  border-bottom: none;
}
.quick-links__list ul li .fa {
  margin: 0 10px 0 5px;
  opacity: 0.5;
}
.quick-links__list .list-unstyled {
  margin-bottom: 0;
}
#quickLinksTag {
  position: absolute;
  top: 39px;
  left: -60px;
  width: 100px;
  height: 20px;
  line-height: 20px;
  font-size: 0.9em;
  text-align: center;
  cursor: pointer;
  background-color: #12214A;
  color: white;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  box-shadow: -3px 0 3px rgba(0, 0, 0, 0.2);
  transform: rotate(270deg);
  user-select: none;
}
.quick-links__heading > span,
.quick-links__heading > a {
  display: block;
  padding: 5px 10px;
  font-size: 0.85em;
  text-align: center;
  font-weight: bold;
  background-color: #ddd;
  cursor: default;
}
.table-employees > tbody > tr > td {
  vertical-align: middle;
}
.table-employees > tbody > tr > td > .table-employees__item {
  display: flex;
  align-items: center;
}
.table-employees > tbody > tr > td > .table-employees__item > .photo {
  flex: 0 0 40px;
  height: 40px;
  margin-right: 8px;
  border-radius: 50%;
  background-position: center;
  background-size: cover;
}
.table-employees > tbody > tr > td > .table-employees__item > .details {
  flex: 1 1 0px;
}
.table-employees > tbody > tr > td > .table-employees__item > .details > .name {
  display: flex;
  align-items: baseline;
  font-weight: bold;
}
.table-employees > tbody > tr > td > .table-employees__item > .details > .name > .employee-number {
  opacity: 0.85;
  font-weight: normal;
  font-size: 0.8em;
}
.table-employees > tbody > tr > td > .table-employees__item > .details > .name > .employee-number::before {
  content: '\2022';
  margin: 0 4px;
}
.table-employees > tbody > tr > td > .table-employees__item > .details > .name ~ div {
  font-size: 0.9em;
  opacity: 0.85;
}
.btn-clear {
  border: none;
  box-shadow: none;
  background-color: transparent;
}
.btn-clear:hover,
.btn-clear:focus {
  background-color: #e6e6e6;
}
.btn-round {
  border-radius: 16px;
}
.btn-round.btn-xs {
  border-radius: 10px;
}
.btn-round.btn-sm {
  border-radius: 14px;
}
.btn-round:focus,
.btn-round:active:focus,
.btn-round.active:focus,
.btn-round.focus,
.btn-round:active.focus,
.btn-round.active.focus {
  outline: none;
}
.md-control {
  position: relative;
  width: 100%;
  height: 44px;
  margin: 10px 0;
}
.md-control label {
  display: block;
  position: absolute;
  width: 100%;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  font-weight: normal;
}
.md-control label::after {
  position: absolute;
  content: '';
  background-color: #12214A;
  width: 0;
  left: 50%;
  bottom: 0;
  height: 2px;
  transition-duration: 0.2s;
}
.md-control select ~ label,
.md-control input ~ label {
  top: 0;
  height: 100%;
  padding-left: 6px;
  font-size: 10px;
}
.md-control select:focus,
.md-control input:focus {
  box-shadow: none;
}
.md-control select:focus ~ label::after,
.md-control input:focus ~ label::after {
  width: 100%;
  left: 0;
}
.md-control select {
  position: absolute;
  bottom: 0;
  height: 34px;
  width: 100%;
  padding: 6px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: inherit;
  background-image: none;
}
.md-control select:focus {
  border-color: black;
}
.md-control select:focus ~ label {
  color: #12214A;
}
.md-control input {
  display: block;
  position: absolute;
  bottom: 0;
  height: 34px;
  width: 100%;
  padding: 6px;
  border: none;
  box-shadow: none;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555;
  background-color: transparent;
  background-image: none;
  outline: none;
}
.md-control input:focus ~ label {
  color: #12214A;
}
.md-control input[type="text"][disabled],
.md-control input[type="text"][readonly] {
  background-color: transparent;
}
.md-control .fa {
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 14px;
  height: 32px;
  line-height: 1.42857143;
  width: 32px;
  padding: 6px;
  cursor: pointer;
  z-index: 1;
}
.md-control .fa + input[type=text] {
  padding-right: 32px;
}
.md-control .fa + .fa {
  right: 32px;
}
.md-control .fa + .fa + input[type=text] {
  padding-right: 64px;
}
.md-control-animated {
  position: relative;
  width: 100%;
  height: 44px;
  margin: 10px 0;
}
.md-control-animated label {
  display: block;
  position: absolute;
  width: 100%;
  margin: 0;
  overflow: hidden;
  white-space: nowrap;
  pointer-events: none;
  font-weight: normal;
  height: 100%;
  padding: 18px 6px 0;
  transition-duration: 0.2s;
  opacity: 0.5;
}
.md-control-animated label::after {
  position: absolute;
  content: '';
  background-color: #12214A;
  width: 0;
  left: 50%;
  bottom: 0;
  height: 2px;
  transition-duration: 0.2s;
}
.md-control-animated.active label,
.md-control-animated input:focus ~ label,
.md-control-animated select:focus ~ label {
  top: 0;
  font-size: 10px;
  padding-top: 0;
  opacity: 1;
}
.md-control-animated.active label,
.md-control-animated input:focus ~ label,
.md-control-animated select:focus ~ label {
  color: #12214A;
}
.md-control-animated input[type=text]:focus ~ label::after {
  left: 0;
  width: 100%;
}
.md-control-animated input:invalid ~ label {
  color: red;
}
.md-control-animated input:invalid ~ label::after {
  background-color: red;
}
.md-control-animated input,
.md-control-animated select {
  display: block;
  position: absolute;
  bottom: 0;
  height: 34px;
  width: 100%;
  padding: 6px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: transparent;
  background-image: none;
  outline: none;
  border: none;
  border-radius: 0;
  border-bottom: 1px solid #aaa;
  box-shadow: none;
}
.md-control-animated input:focus,
.md-control-animated select:focus {
  border-color: #aaa;
  box-shadow: none;
  outline: none;
}
.md-control-animated input[type="text"][disabled],
.md-control-animated input[type="text"][readonly] {
  background-color: transparent;
}
.md-control-animated .fa {
  position: absolute;
  right: 0;
  bottom: 2px;
  font-size: 14px;
  height: 32px;
  line-height: 1.42857143;
  width: 32px;
  padding: 6px;
  cursor: pointer;
  z-index: 1;
}
.md-control-animated .fa + input[type=text] {
  padding-right: 32px;
}
.md-control-animated .fa + .fa {
  right: 32px;
}
.md-control-animated .fa + .fa + input[type=text] {
  padding-right: 64px;
}
.bg-red {
  background-color: #d71d24 !important;
}
.border-red {
  border-color: #d71d24 !important;
}
.border-left-red {
  border-left-color: #d71d24 !important;
}
.text-red {
  color: #d71d24 !important;
}
.bg-green {
  background-color: #5cb85c !important;
}
.border-green {
  border-color: #5cb85c !important;
}
.border-left-green {
  border-left-color: #5cb85c !important;
}
.text-green {
  color: #5cb85c !important;
}
.bg-orange {
  background-color: #f37021 !important;
}
.border-orange {
  border-color: #f37021 !important;
}
.border-left-orange {
  border-left-color: #f37021 !important;
}
.text-orange {
  color: #f37021 !important;
}
.bg-primary {
  background-color: #12214A !important;
}
.border-primary {
  border-color: #12214A !important;
}
.border-left-primary {
  border-left-color: #12214A !important;
}
.text-primary {
  color: #12214A !important;
}
.m-0 {
  margin: 0rem;
}
.mt-0 {
  margin-top: 0rem;
}
.mr-0 {
  margin-right: 0rem;
}
.mb-0 {
  margin-bottom: 0rem;
}
.ml-0 {
  margin-left: 0rem;
}
.mx-0 {
  margin-left: 0rem;
  margin-right: 0rem;
}
.my-0 {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.p-0 {
  padding: 0rem;
}
.pt-0 {
  padding-top: 0rem;
}
.pr-0 {
  padding-right: 0rem;
}
.pb-0 {
  padding-bottom: 0rem;
}
.pl-0 {
  padding-left: 0rem;
}
.px-0 {
  padding-left: 0rem;
  padding-right: 0rem;
}
.py-0 {
  padding-top: 0rem;
  padding-bottom: 0rem;
}
.m-1 {
  margin: 0.25rem;
}
.mt-1 {
  margin-top: 0.25rem;
}
.mr-1 {
  margin-right: 0.25rem;
}
.mb-1 {
  margin-bottom: 0.25rem;
}
.ml-1 {
  margin-left: 0.25rem;
}
.mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}
.my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}
.p-1 {
  padding: 0.25rem;
}
.pt-1 {
  padding-top: 0.25rem;
}
.pr-1 {
  padding-right: 0.25rem;
}
.pb-1 {
  padding-bottom: 0.25rem;
}
.pl-1 {
  padding-left: 0.25rem;
}
.px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}
.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}
.m-2 {
  margin: 0.5rem;
}
.mt-2 {
  margin-top: 0.5rem;
}
.mr-2 {
  margin-right: 0.5rem;
}
.mb-2 {
  margin-bottom: 0.5rem;
}
.ml-2 {
  margin-left: 0.5rem;
}
.mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}
.my-2 {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.p-2 {
  padding: 0.5rem;
}
.pt-2 {
  padding-top: 0.5rem;
}
.pr-2 {
  padding-right: 0.5rem;
}
.pb-2 {
  padding-bottom: 0.5rem;
}
.pl-2 {
  padding-left: 0.5rem;
}
.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}
.py-2 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}
.m-3 {
  margin: 1rem;
}
.mt-3 {
  margin-top: 1rem;
}
.mr-3 {
  margin-right: 1rem;
}
.mb-3 {
  margin-bottom: 1rem;
}
.ml-3 {
  margin-left: 1rem;
}
.mx-3 {
  margin-left: 1rem;
  margin-right: 1rem;
}
.my-3 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.p-3 {
  padding: 1rem;
}
.pt-3 {
  padding-top: 1rem;
}
.pr-3 {
  padding-right: 1rem;
}
.pb-3 {
  padding-bottom: 1rem;
}
.pl-3 {
  padding-left: 1rem;
}
.px-3 {
  padding-left: 1rem;
  padding-right: 1rem;
}
.py-3 {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.m-4 {
  margin: 1.5rem;
}
.mt-4 {
  margin-top: 1.5rem;
}
.mr-4 {
  margin-right: 1.5rem;
}
.mb-4 {
  margin-bottom: 1.5rem;
}
.ml-4 {
  margin-left: 1.5rem;
}
.mx-4 {
  margin-left: 1.5rem;
  margin-right: 1.5rem;
}
.my-4 {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
.p-4 {
  padding: 1.5rem;
}
.pt-4 {
  padding-top: 1.5rem;
}
.pr-4 {
  padding-right: 1.5rem;
}
.pb-4 {
  padding-bottom: 1.5rem;
}
.pl-4 {
  padding-left: 1.5rem;
}
.px-4 {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}
.py-4 {
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}
.m-5 {
  margin: 3rem;
}
.mt-5 {
  margin-top: 3rem;
}
.mr-5 {
  margin-right: 3rem;
}
.mb-5 {
  margin-bottom: 3rem;
}
.ml-5 {
  margin-left: 3rem;
}
.mx-5 {
  margin-left: 3rem;
  margin-right: 3rem;
}
.my-5 {
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.p-5 {
  padding: 3rem;
}
.pt-5 {
  padding-top: 3rem;
}
.pr-5 {
  padding-right: 3rem;
}
.pb-5 {
  padding-bottom: 3rem;
}
.pl-5 {
  padding-left: 3rem;
}
.px-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.py-5 {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.md-alert {
  position: relative;
  border-radius: 0px;
  min-height: 25px;
  padding: 15px;
  padding-left: 60px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-top: 4px solid rgba(0, 0, 0, 0.2);
  color: white;
  box-sizing: content-box;
  transition: box-shadow 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.md-alert::before {
  position: absolute;
  width: 40px;
  height: 25px;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 2em;
  left: 12px;
  line-height: 25px;
  text-align: center;
  color: rgba(0, 0, 0, 0.2);
}
.md-alert-success {
  background-color: #51a351;
}
.md-alert-success::before {
  content: '\f00c';
}
.md-alert-success.glow {
  box-shadow: 0 0 10px 2px #51a351;
}
.md-alert-info {
  background-color: #2f96b4;
}
.md-alert-info::before {
  content: '\f05a';
}
.md-alert-info.glow {
  box-shadow: 0 0 10px 2px #2f96b4;
}
.md-alert-warning {
  background-color: #f89406;
}
.md-alert-warning::before {
  content: '\f12a';
}
.md-alert-warning.glow {
  box-shadow: 0 0 10px 2px #f89406;
}
.md-alert-error {
  background-color: #bd362f;
}
.md-alert-error::before {
  content: '\f071';
}
.md-alert-error.glow {
  box-shadow: 0 0 10px 2px #bd362f;
}
.admin-menu .navbar-brand {
  background-color: #12214A;
  color: white;
  font-size: 1.35em;
  height: 40px;
  width: 56px;
  line-height: 40px;
  text-align: center;
  padding: 0;
}
.admin-menu .navbar-brand:hover {
  background-color: #12214A;
  color: white;
}
.admin-menu .navbar-brand:hover + .dropdown-menu {
  display: block;
}
.admin-menu .navbar-brand + .dropdown-menu:hover {
  display: block;
}
.admin-menu .navbar-toggle {
  margin-top: 5px;
  border: none;
}
.depth-1 {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.depth-2 {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}
.depth-3 {
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.depth-4 {
  box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}
.depth-5 {
  box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.22);
}
.collapse-panel > .panel-heading {
  background-color: unset;
  border-bottom: none;
  padding: 10px;
}
.collapse-panel > .panel-heading .fa-chevron-up {
  transition: transform 0.2s;
}
.collapse-panel > .panel-heading.collapsed i.fa-chevron-up {
  transform: rotate3d(1, 0, 0, 180deg);
}
.collapse-panel .panel-title {
  font-size: 1.2em;
}
/****************************************************************
 *
 * CSS Percentage Circle
 * Author: Andre Firchow
 *
*****************************************************************/

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #2f96b4;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100 {
  position: relative;
  font-size: 120px;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  float: left;
  background-color: #cccccc;
}
.c100 *,
.c100 *:before,
.c100 *:after {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.c100.center {
  float: none;
  margin: 0 auto;
}
.c100.big {
  font-size: 240px;
}
.c100.small {
  font-size: 80px;
}
.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #515151;
  display: block;
  text-align: center;
  white-space: nowrap;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%;
  background-color: whitesmoke;
  width: 0.84em;
  height: 0.84em;
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  -o-transition-duration: 0.2s;
  transition-duration: 0.2s;
  -webkit-transition-timing-function: ease-in;
  -moz-transition-timing-function: ease-in;
  -o-transition-timing-function: ease-in;
  transition-timing-function: ease-in;
}
.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar {
  -webkit-transform: rotate(3.6deg);
  -moz-transform: rotate(3.6deg);
  -ms-transform: rotate(3.6deg);
  -o-transform: rotate(3.6deg);
  transform: rotate(3.6deg);
}
.c100.p2 .bar {
  -webkit-transform: rotate(7.2deg);
  -moz-transform: rotate(7.2deg);
  -ms-transform: rotate(7.2deg);
  -o-transform: rotate(7.2deg);
  transform: rotate(7.2deg);
}
.c100.p3 .bar {
  -webkit-transform: rotate(10.8deg);
  -moz-transform: rotate(10.8deg);
  -ms-transform: rotate(10.8deg);
  -o-transform: rotate(10.8deg);
  transform: rotate(10.8deg);
}
.c100.p4 .bar {
  -webkit-transform: rotate(14.4deg);
  -moz-transform: rotate(14.4deg);
  -ms-transform: rotate(14.4deg);
  -o-transform: rotate(14.4deg);
  transform: rotate(14.4deg);
}
.c100.p5 .bar {
  -webkit-transform: rotate(18deg);
  -moz-transform: rotate(18deg);
  -ms-transform: rotate(18deg);
  -o-transform: rotate(18deg);
  transform: rotate(18deg);
}
.c100.p6 .bar {
  -webkit-transform: rotate(21.6deg);
  -moz-transform: rotate(21.6deg);
  -ms-transform: rotate(21.6deg);
  -o-transform: rotate(21.6deg);
  transform: rotate(21.6deg);
}
.c100.p7 .bar {
  -webkit-transform: rotate(25.2deg);
  -moz-transform: rotate(25.2deg);
  -ms-transform: rotate(25.2deg);
  -o-transform: rotate(25.2deg);
  transform: rotate(25.2deg);
}
.c100.p8 .bar {
  -webkit-transform: rotate(28.8deg);
  -moz-transform: rotate(28.8deg);
  -ms-transform: rotate(28.8deg);
  -o-transform: rotate(28.8deg);
  transform: rotate(28.8deg);
}
.c100.p9 .bar {
  -webkit-transform: rotate(32.4deg);
  -moz-transform: rotate(32.4deg);
  -ms-transform: rotate(32.4deg);
  -o-transform: rotate(32.4deg);
  transform: rotate(32.4deg);
}
.c100.p10 .bar {
  -webkit-transform: rotate(36deg);
  -moz-transform: rotate(36deg);
  -ms-transform: rotate(36deg);
  -o-transform: rotate(36deg);
  transform: rotate(36deg);
}
.c100.p11 .bar {
  -webkit-transform: rotate(39.6deg);
  -moz-transform: rotate(39.6deg);
  -ms-transform: rotate(39.6deg);
  -o-transform: rotate(39.6deg);
  transform: rotate(39.6deg);
}
.c100.p12 .bar {
  -webkit-transform: rotate(43.2deg);
  -moz-transform: rotate(43.2deg);
  -ms-transform: rotate(43.2deg);
  -o-transform: rotate(43.2deg);
  transform: rotate(43.2deg);
}
.c100.p13 .bar {
  -webkit-transform: rotate(46.8deg);
  -moz-transform: rotate(46.8deg);
  -ms-transform: rotate(46.8deg);
  -o-transform: rotate(46.8deg);
  transform: rotate(46.8deg);
}
.c100.p14 .bar {
  -webkit-transform: rotate(50.4deg);
  -moz-transform: rotate(50.4deg);
  -ms-transform: rotate(50.4deg);
  -o-transform: rotate(50.4deg);
  transform: rotate(50.4deg);
}
.c100.p15 .bar {
  -webkit-transform: rotate(54deg);
  -moz-transform: rotate(54deg);
  -ms-transform: rotate(54deg);
  -o-transform: rotate(54deg);
  transform: rotate(54deg);
}
.c100.p16 .bar {
  -webkit-transform: rotate(57.6deg);
  -moz-transform: rotate(57.6deg);
  -ms-transform: rotate(57.6deg);
  -o-transform: rotate(57.6deg);
  transform: rotate(57.6deg);
}
.c100.p17 .bar {
  -webkit-transform: rotate(61.2deg);
  -moz-transform: rotate(61.2deg);
  -ms-transform: rotate(61.2deg);
  -o-transform: rotate(61.2deg);
  transform: rotate(61.2deg);
}
.c100.p18 .bar {
  -webkit-transform: rotate(64.8deg);
  -moz-transform: rotate(64.8deg);
  -ms-transform: rotate(64.8deg);
  -o-transform: rotate(64.8deg);
  transform: rotate(64.8deg);
}
.c100.p19 .bar {
  -webkit-transform: rotate(68.4deg);
  -moz-transform: rotate(68.4deg);
  -ms-transform: rotate(68.4deg);
  -o-transform: rotate(68.4deg);
  transform: rotate(68.4deg);
}
.c100.p20 .bar {
  -webkit-transform: rotate(72deg);
  -moz-transform: rotate(72deg);
  -ms-transform: rotate(72deg);
  -o-transform: rotate(72deg);
  transform: rotate(72deg);
}
.c100.p21 .bar {
  -webkit-transform: rotate(75.6deg);
  -moz-transform: rotate(75.6deg);
  -ms-transform: rotate(75.6deg);
  -o-transform: rotate(75.6deg);
  transform: rotate(75.6deg);
}
.c100.p22 .bar {
  -webkit-transform: rotate(79.2deg);
  -moz-transform: rotate(79.2deg);
  -ms-transform: rotate(79.2deg);
  -o-transform: rotate(79.2deg);
  transform: rotate(79.2deg);
}
.c100.p23 .bar {
  -webkit-transform: rotate(82.8deg);
  -moz-transform: rotate(82.8deg);
  -ms-transform: rotate(82.8deg);
  -o-transform: rotate(82.8deg);
  transform: rotate(82.8deg);
}
.c100.p24 .bar {
  -webkit-transform: rotate(86.4deg);
  -moz-transform: rotate(86.4deg);
  -ms-transform: rotate(86.4deg);
  -o-transform: rotate(86.4deg);
  transform: rotate(86.4deg);
}
.c100.p25 .bar {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
.c100.p26 .bar {
  -webkit-transform: rotate(93.6deg);
  -moz-transform: rotate(93.6deg);
  -ms-transform: rotate(93.6deg);
  -o-transform: rotate(93.6deg);
  transform: rotate(93.6deg);
}
.c100.p27 .bar {
  -webkit-transform: rotate(97.2deg);
  -moz-transform: rotate(97.2deg);
  -ms-transform: rotate(97.2deg);
  -o-transform: rotate(97.2deg);
  transform: rotate(97.2deg);
}
.c100.p28 .bar {
  -webkit-transform: rotate(100.8deg);
  -moz-transform: rotate(100.8deg);
  -ms-transform: rotate(100.8deg);
  -o-transform: rotate(100.8deg);
  transform: rotate(100.8deg);
}
.c100.p29 .bar {
  -webkit-transform: rotate(104.4deg);
  -moz-transform: rotate(104.4deg);
  -ms-transform: rotate(104.4deg);
  -o-transform: rotate(104.4deg);
  transform: rotate(104.4deg);
}
.c100.p30 .bar {
  -webkit-transform: rotate(108deg);
  -moz-transform: rotate(108deg);
  -ms-transform: rotate(108deg);
  -o-transform: rotate(108deg);
  transform: rotate(108deg);
}
.c100.p31 .bar {
  -webkit-transform: rotate(111.6deg);
  -moz-transform: rotate(111.6deg);
  -ms-transform: rotate(111.6deg);
  -o-transform: rotate(111.6deg);
  transform: rotate(111.6deg);
}
.c100.p32 .bar {
  -webkit-transform: rotate(115.2deg);
  -moz-transform: rotate(115.2deg);
  -ms-transform: rotate(115.2deg);
  -o-transform: rotate(115.2deg);
  transform: rotate(115.2deg);
}
.c100.p33 .bar {
  -webkit-transform: rotate(118.8deg);
  -moz-transform: rotate(118.8deg);
  -ms-transform: rotate(118.8deg);
  -o-transform: rotate(118.8deg);
  transform: rotate(118.8deg);
}
.c100.p34 .bar {
  -webkit-transform: rotate(122.4deg);
  -moz-transform: rotate(122.4deg);
  -ms-transform: rotate(122.4deg);
  -o-transform: rotate(122.4deg);
  transform: rotate(122.4deg);
}
.c100.p35 .bar {
  -webkit-transform: rotate(126deg);
  -moz-transform: rotate(126deg);
  -ms-transform: rotate(126deg);
  -o-transform: rotate(126deg);
  transform: rotate(126deg);
}
.c100.p36 .bar {
  -webkit-transform: rotate(129.6deg);
  -moz-transform: rotate(129.6deg);
  -ms-transform: rotate(129.6deg);
  -o-transform: rotate(129.6deg);
  transform: rotate(129.6deg);
}
.c100.p37 .bar {
  -webkit-transform: rotate(133.2deg);
  -moz-transform: rotate(133.2deg);
  -ms-transform: rotate(133.2deg);
  -o-transform: rotate(133.2deg);
  transform: rotate(133.2deg);
}
.c100.p38 .bar {
  -webkit-transform: rotate(136.8deg);
  -moz-transform: rotate(136.8deg);
  -ms-transform: rotate(136.8deg);
  -o-transform: rotate(136.8deg);
  transform: rotate(136.8deg);
}
.c100.p39 .bar {
  -webkit-transform: rotate(140.4deg);
  -moz-transform: rotate(140.4deg);
  -ms-transform: rotate(140.4deg);
  -o-transform: rotate(140.4deg);
  transform: rotate(140.4deg);
}
.c100.p40 .bar {
  -webkit-transform: rotate(144deg);
  -moz-transform: rotate(144deg);
  -ms-transform: rotate(144deg);
  -o-transform: rotate(144deg);
  transform: rotate(144deg);
}
.c100.p41 .bar {
  -webkit-transform: rotate(147.6deg);
  -moz-transform: rotate(147.6deg);
  -ms-transform: rotate(147.6deg);
  -o-transform: rotate(147.6deg);
  transform: rotate(147.6deg);
}
.c100.p42 .bar {
  -webkit-transform: rotate(151.2deg);
  -moz-transform: rotate(151.2deg);
  -ms-transform: rotate(151.2deg);
  -o-transform: rotate(151.2deg);
  transform: rotate(151.2deg);
}
.c100.p43 .bar {
  -webkit-transform: rotate(154.8deg);
  -moz-transform: rotate(154.8deg);
  -ms-transform: rotate(154.8deg);
  -o-transform: rotate(154.8deg);
  transform: rotate(154.8deg);
}
.c100.p44 .bar {
  -webkit-transform: rotate(158.4deg);
  -moz-transform: rotate(158.4deg);
  -ms-transform: rotate(158.4deg);
  -o-transform: rotate(158.4deg);
  transform: rotate(158.4deg);
}
.c100.p45 .bar {
  -webkit-transform: rotate(162deg);
  -moz-transform: rotate(162deg);
  -ms-transform: rotate(162deg);
  -o-transform: rotate(162deg);
  transform: rotate(162deg);
}
.c100.p46 .bar {
  -webkit-transform: rotate(165.6deg);
  -moz-transform: rotate(165.6deg);
  -ms-transform: rotate(165.6deg);
  -o-transform: rotate(165.6deg);
  transform: rotate(165.6deg);
}
.c100.p47 .bar {
  -webkit-transform: rotate(169.2deg);
  -moz-transform: rotate(169.2deg);
  -ms-transform: rotate(169.2deg);
  -o-transform: rotate(169.2deg);
  transform: rotate(169.2deg);
}
.c100.p48 .bar {
  -webkit-transform: rotate(172.8deg);
  -moz-transform: rotate(172.8deg);
  -ms-transform: rotate(172.8deg);
  -o-transform: rotate(172.8deg);
  transform: rotate(172.8deg);
}
.c100.p49 .bar {
  -webkit-transform: rotate(176.4deg);
  -moz-transform: rotate(176.4deg);
  -ms-transform: rotate(176.4deg);
  -o-transform: rotate(176.4deg);
  transform: rotate(176.4deg);
}
.c100.p50 .bar {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.c100.p51 .bar {
  -webkit-transform: rotate(183.6deg);
  -moz-transform: rotate(183.6deg);
  -ms-transform: rotate(183.6deg);
  -o-transform: rotate(183.6deg);
  transform: rotate(183.6deg);
}
.c100.p52 .bar {
  -webkit-transform: rotate(187.2deg);
  -moz-transform: rotate(187.2deg);
  -ms-transform: rotate(187.2deg);
  -o-transform: rotate(187.2deg);
  transform: rotate(187.2deg);
}
.c100.p53 .bar {
  -webkit-transform: rotate(190.8deg);
  -moz-transform: rotate(190.8deg);
  -ms-transform: rotate(190.8deg);
  -o-transform: rotate(190.8deg);
  transform: rotate(190.8deg);
}
.c100.p54 .bar {
  -webkit-transform: rotate(194.4deg);
  -moz-transform: rotate(194.4deg);
  -ms-transform: rotate(194.4deg);
  -o-transform: rotate(194.4deg);
  transform: rotate(194.4deg);
}
.c100.p55 .bar {
  -webkit-transform: rotate(198deg);
  -moz-transform: rotate(198deg);
  -ms-transform: rotate(198deg);
  -o-transform: rotate(198deg);
  transform: rotate(198deg);
}
.c100.p56 .bar {
  -webkit-transform: rotate(201.6deg);
  -moz-transform: rotate(201.6deg);
  -ms-transform: rotate(201.6deg);
  -o-transform: rotate(201.6deg);
  transform: rotate(201.6deg);
}
.c100.p57 .bar {
  -webkit-transform: rotate(205.2deg);
  -moz-transform: rotate(205.2deg);
  -ms-transform: rotate(205.2deg);
  -o-transform: rotate(205.2deg);
  transform: rotate(205.2deg);
}
.c100.p58 .bar {
  -webkit-transform: rotate(208.8deg);
  -moz-transform: rotate(208.8deg);
  -ms-transform: rotate(208.8deg);
  -o-transform: rotate(208.8deg);
  transform: rotate(208.8deg);
}
.c100.p59 .bar {
  -webkit-transform: rotate(212.4deg);
  -moz-transform: rotate(212.4deg);
  -ms-transform: rotate(212.4deg);
  -o-transform: rotate(212.4deg);
  transform: rotate(212.4deg);
}
.c100.p60 .bar {
  -webkit-transform: rotate(216deg);
  -moz-transform: rotate(216deg);
  -ms-transform: rotate(216deg);
  -o-transform: rotate(216deg);
  transform: rotate(216deg);
}
.c100.p61 .bar {
  -webkit-transform: rotate(219.6deg);
  -moz-transform: rotate(219.6deg);
  -ms-transform: rotate(219.6deg);
  -o-transform: rotate(219.6deg);
  transform: rotate(219.6deg);
}
.c100.p62 .bar {
  -webkit-transform: rotate(223.2deg);
  -moz-transform: rotate(223.2deg);
  -ms-transform: rotate(223.2deg);
  -o-transform: rotate(223.2deg);
  transform: rotate(223.2deg);
}
.c100.p63 .bar {
  -webkit-transform: rotate(226.8deg);
  -moz-transform: rotate(226.8deg);
  -ms-transform: rotate(226.8deg);
  -o-transform: rotate(226.8deg);
  transform: rotate(226.8deg);
}
.c100.p64 .bar {
  -webkit-transform: rotate(230.4deg);
  -moz-transform: rotate(230.4deg);
  -ms-transform: rotate(230.4deg);
  -o-transform: rotate(230.4deg);
  transform: rotate(230.4deg);
}
.c100.p65 .bar {
  -webkit-transform: rotate(234deg);
  -moz-transform: rotate(234deg);
  -ms-transform: rotate(234deg);
  -o-transform: rotate(234deg);
  transform: rotate(234deg);
}
.c100.p66 .bar {
  -webkit-transform: rotate(237.6deg);
  -moz-transform: rotate(237.6deg);
  -ms-transform: rotate(237.6deg);
  -o-transform: rotate(237.6deg);
  transform: rotate(237.6deg);
}
.c100.p67 .bar {
  -webkit-transform: rotate(241.2deg);
  -moz-transform: rotate(241.2deg);
  -ms-transform: rotate(241.2deg);
  -o-transform: rotate(241.2deg);
  transform: rotate(241.2deg);
}
.c100.p68 .bar {
  -webkit-transform: rotate(244.8deg);
  -moz-transform: rotate(244.8deg);
  -ms-transform: rotate(244.8deg);
  -o-transform: rotate(244.8deg);
  transform: rotate(244.8deg);
}
.c100.p69 .bar {
  -webkit-transform: rotate(248.4deg);
  -moz-transform: rotate(248.4deg);
  -ms-transform: rotate(248.4deg);
  -o-transform: rotate(248.4deg);
  transform: rotate(248.4deg);
}
.c100.p70 .bar {
  -webkit-transform: rotate(252deg);
  -moz-transform: rotate(252deg);
  -ms-transform: rotate(252deg);
  -o-transform: rotate(252deg);
  transform: rotate(252deg);
}
.c100.p71 .bar {
  -webkit-transform: rotate(255.6deg);
  -moz-transform: rotate(255.6deg);
  -ms-transform: rotate(255.6deg);
  -o-transform: rotate(255.6deg);
  transform: rotate(255.6deg);
}
.c100.p72 .bar {
  -webkit-transform: rotate(259.2deg);
  -moz-transform: rotate(259.2deg);
  -ms-transform: rotate(259.2deg);
  -o-transform: rotate(259.2deg);
  transform: rotate(259.2deg);
}
.c100.p73 .bar {
  -webkit-transform: rotate(262.8deg);
  -moz-transform: rotate(262.8deg);
  -ms-transform: rotate(262.8deg);
  -o-transform: rotate(262.8deg);
  transform: rotate(262.8deg);
}
.c100.p74 .bar {
  -webkit-transform: rotate(266.4deg);
  -moz-transform: rotate(266.4deg);
  -ms-transform: rotate(266.4deg);
  -o-transform: rotate(266.4deg);
  transform: rotate(266.4deg);
}
.c100.p75 .bar {
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
}
.c100.p76 .bar {
  -webkit-transform: rotate(273.6deg);
  -moz-transform: rotate(273.6deg);
  -ms-transform: rotate(273.6deg);
  -o-transform: rotate(273.6deg);
  transform: rotate(273.6deg);
}
.c100.p77 .bar {
  -webkit-transform: rotate(277.2deg);
  -moz-transform: rotate(277.2deg);
  -ms-transform: rotate(277.2deg);
  -o-transform: rotate(277.2deg);
  transform: rotate(277.2deg);
}
.c100.p78 .bar {
  -webkit-transform: rotate(280.8deg);
  -moz-transform: rotate(280.8deg);
  -ms-transform: rotate(280.8deg);
  -o-transform: rotate(280.8deg);
  transform: rotate(280.8deg);
}
.c100.p79 .bar {
  -webkit-transform: rotate(284.4deg);
  -moz-transform: rotate(284.4deg);
  -ms-transform: rotate(284.4deg);
  -o-transform: rotate(284.4deg);
  transform: rotate(284.4deg);
}
.c100.p80 .bar {
  -webkit-transform: rotate(288deg);
  -moz-transform: rotate(288deg);
  -ms-transform: rotate(288deg);
  -o-transform: rotate(288deg);
  transform: rotate(288deg);
}
.c100.p81 .bar {
  -webkit-transform: rotate(291.6deg);
  -moz-transform: rotate(291.6deg);
  -ms-transform: rotate(291.6deg);
  -o-transform: rotate(291.6deg);
  transform: rotate(291.6deg);
}
.c100.p82 .bar {
  -webkit-transform: rotate(295.2deg);
  -moz-transform: rotate(295.2deg);
  -ms-transform: rotate(295.2deg);
  -o-transform: rotate(295.2deg);
  transform: rotate(295.2deg);
}
.c100.p83 .bar {
  -webkit-transform: rotate(298.8deg);
  -moz-transform: rotate(298.8deg);
  -ms-transform: rotate(298.8deg);
  -o-transform: rotate(298.8deg);
  transform: rotate(298.8deg);
}
.c100.p84 .bar {
  -webkit-transform: rotate(302.4deg);
  -moz-transform: rotate(302.4deg);
  -ms-transform: rotate(302.4deg);
  -o-transform: rotate(302.4deg);
  transform: rotate(302.4deg);
}
.c100.p85 .bar {
  -webkit-transform: rotate(306deg);
  -moz-transform: rotate(306deg);
  -ms-transform: rotate(306deg);
  -o-transform: rotate(306deg);
  transform: rotate(306deg);
}
.c100.p86 .bar {
  -webkit-transform: rotate(309.6deg);
  -moz-transform: rotate(309.6deg);
  -ms-transform: rotate(309.6deg);
  -o-transform: rotate(309.6deg);
  transform: rotate(309.6deg);
}
.c100.p87 .bar {
  -webkit-transform: rotate(313.2deg);
  -moz-transform: rotate(313.2deg);
  -ms-transform: rotate(313.2deg);
  -o-transform: rotate(313.2deg);
  transform: rotate(313.2deg);
}
.c100.p88 .bar {
  -webkit-transform: rotate(316.8deg);
  -moz-transform: rotate(316.8deg);
  -ms-transform: rotate(316.8deg);
  -o-transform: rotate(316.8deg);
  transform: rotate(316.8deg);
}
.c100.p89 .bar {
  -webkit-transform: rotate(320.4deg);
  -moz-transform: rotate(320.4deg);
  -ms-transform: rotate(320.4deg);
  -o-transform: rotate(320.4deg);
  transform: rotate(320.4deg);
}
.c100.p90 .bar {
  -webkit-transform: rotate(324deg);
  -moz-transform: rotate(324deg);
  -ms-transform: rotate(324deg);
  -o-transform: rotate(324deg);
  transform: rotate(324deg);
}
.c100.p91 .bar {
  -webkit-transform: rotate(327.6deg);
  -moz-transform: rotate(327.6deg);
  -ms-transform: rotate(327.6deg);
  -o-transform: rotate(327.6deg);
  transform: rotate(327.6deg);
}
.c100.p92 .bar {
  -webkit-transform: rotate(331.2deg);
  -moz-transform: rotate(331.2deg);
  -ms-transform: rotate(331.2deg);
  -o-transform: rotate(331.2deg);
  transform: rotate(331.2deg);
}
.c100.p93 .bar {
  -webkit-transform: rotate(334.8deg);
  -moz-transform: rotate(334.8deg);
  -ms-transform: rotate(334.8deg);
  -o-transform: rotate(334.8deg);
  transform: rotate(334.8deg);
}
.c100.p94 .bar {
  -webkit-transform: rotate(338.4deg);
  -moz-transform: rotate(338.4deg);
  -ms-transform: rotate(338.4deg);
  -o-transform: rotate(338.4deg);
  transform: rotate(338.4deg);
}
.c100.p95 .bar {
  -webkit-transform: rotate(342deg);
  -moz-transform: rotate(342deg);
  -ms-transform: rotate(342deg);
  -o-transform: rotate(342deg);
  transform: rotate(342deg);
}
.c100.p96 .bar {
  -webkit-transform: rotate(345.6deg);
  -moz-transform: rotate(345.6deg);
  -ms-transform: rotate(345.6deg);
  -o-transform: rotate(345.6deg);
  transform: rotate(345.6deg);
}
.c100.p97 .bar {
  -webkit-transform: rotate(349.2deg);
  -moz-transform: rotate(349.2deg);
  -ms-transform: rotate(349.2deg);
  -o-transform: rotate(349.2deg);
  transform: rotate(349.2deg);
}
.c100.p98 .bar {
  -webkit-transform: rotate(352.8deg);
  -moz-transform: rotate(352.8deg);
  -ms-transform: rotate(352.8deg);
  -o-transform: rotate(352.8deg);
  transform: rotate(352.8deg);
}
.c100.p99 .bar {
  -webkit-transform: rotate(356.4deg);
  -moz-transform: rotate(356.4deg);
  -ms-transform: rotate(356.4deg);
  -o-transform: rotate(356.4deg);
  transform: rotate(356.4deg);
}
.c100.p100 .bar {
  -webkit-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
  -ms-transform: rotate(360deg);
  -o-transform: rotate(360deg);
  transform: rotate(360deg);
}
.c100:hover {
  cursor: default;
}
.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #2f96b4;
}
.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}
.c100.success .bar,
.c100.success .fill {
  border-color: #51a351 !important;
}
.c100.success:hover > span {
  color: #51a351;
}
.c100.warning .bar,
.c100.warning .fill {
  border-color: #f89406 !important;
}
.c100.warning:hover > span {
  color: #f89406;
}
.c100.danger .bar,
.c100.danger .fill {
  border-color: #bd362f !important;
}
.c100.danger:hover > span {
  color: #bd362f;
}